<script setup lang="ts">
const {
  title,
  data,
  link
} = defineProps(['title', 'data', 'link'])
</script>
<template>
  <div class="fyi-display-container">
    <div v-if="title" class="fyi-title">{{ title }}</div>
    <div class="fyi-content">
      <p v-for="item in data">{{ item }}</p>
    </div>
    <div class="fyi-link" v-if="link">
      <ap-link :href="link.href || '#'" :target="link.target || '_self'">{{ link.label || 'link.label' }}</ap-link>
    </div>
  </div>

</template>

<style src="./FyiDisplay.less" lang="less" scoped></style>